<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="Hexo Theme Keep">
    <meta name="description" content="Hexo Theme Keep">
    <meta name="author" content="cheng5.du">
    
    <title>
        
            归档: 2020/10 |
        
        cheng5.du
    </title>
    
<link rel="stylesheet" href="/css/style.css">

    <link rel="shortcut icon" href="/images/avatar.jpeg">
    
<link rel="stylesheet" href="/css/font-awesome.min.css">

    <script id="hexo-configurations">
    let KEEP = window.KEEP || {};
    KEEP.hexo_config = {"hostname":"example.com","root":"/","language":"zh-CN"};
    KEEP.theme_config = {"toc":{"enable":false,"number":false,"expand_all":false,"init_open":false},"style":{"primary_color":"#0066CC","avatar":"/images/avatar.jpeg","favicon":"/images/avatar.jpeg","article_img_align":"left","left_side_width":"260px","content_max_width":"920px","hover":{"shadow":false,"scale":false},"first_screen":{"enable":true,"background_img":"/images/bg.svg","description":"人生海海，来日方长。"},"scroll":{"progress_bar":{"enable":false},"percent":{"enable":false}}},"local_search":{"enable":false,"preload":false},"code_copy":{"enable":false,"style":"default"},"pjax":{"enable":false},"lazyload":{"enable":false},"version":"3.4.5"};
    KEEP.language_ago = {"second":"%s 秒前","minute":"%s 分钟前","hour":"%s 小时前","day":"%s 天前","week":"%s 周前","month":"%s 个月前","year":"%s 年前"};
  </script>
<meta name="generator" content="Hexo 6.1.0"></head>


<body>
<div class="progress-bar-container">
    

    
</div>


<main class="page-container">

    

    <div class="page-main-content">

        <div class="page-main-content-top">
            <header class="header-wrapper">

    <div class="header-content">
        <div class="left">
            
            <a class="logo-title" href="/">
                cheng5.du
            </a>
        </div>

        <div class="right">
            <div class="pc">
                <ul class="menu-list">
                    
                        <li class="menu-item">
                            <a class=""
                               href="/"
                            >
                                首页
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class="active"
                               href="/archives"
                            >
                                归档
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/categories"
                            >
                                分类
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/tags"
                            >
                                标签
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/netease"
                            >
                                网抑云
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/about"
                            >
                                关于我
                            </a>
                        </li>
                    
                    
                </ul>
            </div>
            <div class="mobile">
                
                <div class="icon-item menu-bar">
                    <div class="menu-bar-middle"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="header-drawer">
        <ul class="drawer-menu-list">
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/">首页</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class="active"
                       href="/archives">归档</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/categories">分类</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/tags">标签</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/netease">网抑云</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/about">关于我</a>
                </li>
            
        </ul>
    </div>

    <div class="window-mask"></div>

</header>


        </div>

        <div class="page-main-content-middle">

            <div class="main-content">

                
                    <div class="fade-in-down-animation">
    <div class="archive-container ">
        
<div class="archive-list-container">
    
        <section class="archive-item">
            <div class="archive-item-header">
                <span class="archive-year">2021</span>
                <span class="archive-year-post-count">[32]</span>
            </div>
            <ul class="article-list">
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/06/12/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84Weixin%20Mini%20Program/"
                        >你知道的Weixin Mini Program</a>
                        <span class="article-date">06-12</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/06/12/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84Axios/"
                        >你知道的Axios</a>
                        <span class="article-date">06-12</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/06/12/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84React&TS/"
                        >你知道的React&amp;TS</a>
                        <span class="article-date">06-12</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/06/12/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84Vue2.x/"
                        >你知道的Vue2.x</a>
                        <span class="article-date">06-12</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/06/12/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84Vue%20Router/"
                        >你知道的Vue Router</a>
                        <span class="article-date">06-12</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/06/05/%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84Vuex/"
                        >你知道的Vuex</a>
                        <span class="article-date">06-05</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/05/27/%E4%BA%8C%E5%8F%89%E6%A0%91%E6%B7%B1%E5%BA%A6%E5%92%8C%E5%B9%BF%E5%BA%A6%E4%BC%98%E5%85%88%E9%81%8D%E5%8E%86/"
                        >二叉树深度和广度优先遍历</a>
                        <span class="article-date">05-27</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/05/22/%E6%B8%85%E7%A9%BA%E6%95%B0%E7%BB%84%E7%9A%84%E5%87%A0%E7%A7%8D%E6%96%B9%E6%B3%95/"
                        >清空数组的几种方法</a>
                        <span class="article-date">05-22</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/05/13/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E4%BD%93%E7%B3%BB-%E8%BF%90%E8%A1%8C%E7%8E%AF%E5%A2%83/"
                        >前端基础知识体系-运行环境</a>
                        <span class="article-date">05-13</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/05/13/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E4%BD%93%E7%B3%BB-HTTP/"
                        >前端基础知识体系-HTTP</a>
                        <span class="article-date">05-13</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/05/12/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E4%BD%93%E7%B3%BB-JS-WEB-API(%E5%AD%98%E5%82%A8)/"
                        >前端基础知识体系-JS-WEB-API(存储)</a>
                        <span class="article-date">05-12</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/05/11/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E4%BD%93%E7%B3%BB-JS-WEB-API(Ajax)/"
                        >前端基础知识体系-JS-WEB-API(Ajax)</a>
                        <span class="article-date">05-11</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/05/10/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E4%BD%93%E7%B3%BB-JS-WEB-API(%E4%BA%8B%E4%BB%B6)/"
                        >前端基础知识体系-JS-WEB-API(事件)</a>
                        <span class="article-date">05-10</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/05/08/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E4%BD%93%E7%B3%BB-JS-WEB-API(DOM%E3%80%81BOM)/"
                        >前端基础知识体系-JS-WEB-API(DOM、BOM)</a>
                        <span class="article-date">05-08</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/05/06/%E7%AE%80%E6%98%93Promise/"
                        >简易Promise</a>
                        <span class="article-date">05-06</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/05/04/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E4%BD%93%E7%B3%BB-JS(%E5%BC%82%E6%AD%A5)/"
                        >前端基础知识体系-JS(异步)</a>
                        <span class="article-date">05-04</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/04/21/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E4%BD%93%E7%B3%BB-JS(%E4%BD%9C%E7%94%A8%E5%9F%9F%E3%80%81%E9%97%AD%E5%8C%85%E3%80%81this)/"
                        >前端基础知识体系-JS(作用域、闭包、this)</a>
                        <span class="article-date">04-21</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/04/16/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E4%BD%93%E7%B3%BB-JS(%E5%8F%98%E9%87%8F%E7%B1%BB%E5%9E%8B%E3%80%81%E5%8E%9F%E5%9E%8B)/"
                        >前端基础知识体系-JS(变量类型、原型)</a>
                        <span class="article-date">04-16</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/04/15/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E4%BD%93%E7%B3%BB-HTML&CSS/"
                        >前端基础知识体系-HTML&amp;CSS</a>
                        <span class="article-date">04-15</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/04/14/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E4%BD%93%E7%B3%BB-%E6%80%9D%E7%BB%B4%E5%AF%BC%E5%9B%BE/"
                        >前端基础知识体系</a>
                        <span class="article-date">04-14</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/04/11/Vue3.0%E4%B9%8B%E5%88%9D%E8%AF%86%E6%96%B0%E7%89%B9%E6%80%A7%E5%8F%8ACompiler/"
                        >Vue3.0之初识新特性及Compiler</a>
                        <span class="article-date">04-11</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/04/09/%E6%B5%85%E8%AF%9DJavaScript%E5%86%85%E5%AD%98%E5%88%86%E9%85%8D/"
                        >浅话JavaScript内存分配</a>
                        <span class="article-date">04-09</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/04/08/%E6%B5%85%E8%AF%9D%E4%BA%8B%E4%BB%B6%E5%BE%AA%E7%8E%AF%EF%BC%88Event%20Loop%EF%BC%89/"
                        >浅话事件循环（Event Loop）</a>
                        <span class="article-date">04-08</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/04/06/%E9%98%B2%E6%8A%96%E4%B8%8E%E8%8A%82%E6%B5%81/"
                        >防抖与节流</a>
                        <span class="article-date">04-06</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/03/28/new&create/"
                        >new&amp;create</a>
                        <span class="article-date">03-28</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/03/12/call&apply&bind%20copy/"
                        >call&amp;apply&amp;bind</a>
                        <span class="article-date">03-12</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/02/20/%E5%B0%81%E8%A3%85%E4%B8%80%E4%B8%AA%E5%85%A8%E5%B1%80Loading/"
                        >封装一个全局Loading</a>
                        <span class="article-date">02-20</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/02/12/%E5%89%8D%E7%AB%AF%E7%BC%93%E5%AD%98%E7%AD%96%E7%95%A5/"
                        >前端缓存策略</a>
                        <span class="article-date">02-12</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/02/10/Vue%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/"
                        >Vue性能优化</a>
                        <span class="article-date">02-10</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/01/25/webpack%E4%BC%98%E5%8C%96%E9%85%8D%E7%BD%AE/"
                        >webpack优化配置</a>
                        <span class="article-date">01-25</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/01/24/webpack%E5%9F%BA%E7%A1%80%E9%85%8D%E7%BD%AE/"
                        >webpack基础配置</a>
                        <span class="article-date">01-24</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2021/01/01/%E4%B8%80%E4%BA%9B%E9%9D%A2%E8%AF%95%E9%A2%98%EF%BC%88JavaScript%EF%BC%89/"
                        >一些面试题（JavaScript）</a>
                        <span class="article-date">01-01</span>
                    </li>
                
            </ul>
        </section>
    
        <section class="archive-item">
            <div class="archive-item-header">
                <span class="archive-year">2020</span>
                <span class="archive-year-post-count">[3]</span>
            </div>
            <ul class="article-list">
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2020/12/22/npm%E5%8C%85%E5%8F%91%E5%B8%83%E6%B5%81%E7%A8%8B/"
                        >npm包发布流程</a>
                        <span class="article-date">12-22</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2020/10/28/Linux%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86/"
                        >Linux基础知识</a>
                        <span class="article-date">10-28</span>
                    </li>
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2020/10/12/Docker%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86/"
                        >Docker基础知识</a>
                        <span class="article-date">10-12</span>
                    </li>
                
            </ul>
        </section>
    
        <section class="archive-item">
            <div class="archive-item-header">
                <span class="archive-year">2018</span>
                <span class="archive-year-post-count">[1]</span>
            </div>
            <ul class="article-list">
                
                    <li class="article-item">
                        <a class="article-title"
                           href="/2018/05/21/%E5%86%99%E7%BB%9930%E5%B2%81%E7%9A%84%E8%87%AA%E5%B7%B1/"
                        >写给30岁的自己</a>
                        <span class="article-date">05-21</span>
                    </li>
                
            </ul>
        </section>
    
</div>

    </div>
</div>

                
            </div>

        </div>

        <div class="page-main-content-bottom">
            <footer class="footer">
    <div class="info-container">
        <div class="copyright-info info-item">
            &copy;
            
              <span>2020</span>
              -
            
            2023&nbsp;<i class="fas fa-heart icon-animate"></i>&nbsp;<a href="/">cheng5.du</a>
        </div>
        
        <div class="theme-info info-item">
            Powered by <a target="_blank" href="https://hexo.io">Hexo</a>&nbsp;|&nbsp;Theme&nbsp;<a class="theme-version" target="_blank" href="https://github.com/XPoet/hexo-theme-keep">Keep v3.4.5</a>
        </div>
        
        
    </div>
</footer>

        </div>
    </div>

    

    <div class="right-bottom-side-tools">
        <div class="side-tools-container">
    <ul class="side-tools-list">
        <li class="tools-item tool-font-adjust-plus flex-center">
            <i class="fas fa-search-plus"></i>
        </li>

        <li class="tools-item tool-font-adjust-minus flex-center">
            <i class="fas fa-search-minus"></i>
        </li>

        <li class="tools-item tool-expand-width flex-center">
            <i class="fas fa-arrows-alt-h"></i>
        </li>

        <li class="tools-item tool-dark-light-toggle flex-center">
            <i class="fas fa-moon"></i>
        </li>

        <!-- rss -->
        

        
            <li class="tools-item tool-scroll-to-top flex-center">
                <i class="fas fa-arrow-up"></i>
            </li>
        

        <li class="tools-item tool-scroll-to-bottom flex-center">
            <i class="fas fa-arrow-down"></i>
        </li>
    </ul>

    <ul class="exposed-tools-list">
        <li class="tools-item tool-toggle-show flex-center">
            <i class="fas fa-cog fa-spin"></i>
        </li>
        
    </ul>
</div>

    </div>

    

    <div class="image-viewer-container">
    <img src="">
</div>


    

</main>




<script src="/js/utils.js"></script>

<script src="/js/main.js"></script>

<script src="/js/header-shrink.js"></script>

<script src="/js/back2top.js"></script>

<script src="/js/dark-light-toggle.js"></script>








<div class="post-scripts">
    
</div>



</body>
</html>
